<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>购物流程-大商创商城系统 B2B2C 多商户系统 多店铺商城系统 企业级电商系统</title>
    <link rel="icon" href="../favicon.ico">
    <link rel="stylesheet" href="../css/base.css">
    <link rel="stylesheet" href="../css/gowuche.css">
    <script src="https://code.jquery.com/jquery-3.6.1.js"></script>
</head>

<body>
    <div class="header-main">
        <div class="site">
            <i class="iconfont icon-position"></i>
            <span>郑州市</span>
        </div>
        <div class="dz">
            <a href="./denglu.html">请登录</a>
            <a href="./zhuce.html">免费注册</a>
        </div>
        <ul class="header-main-right">
            <li><a href="">我的订单</a></li>
            <li><a href="">我的浏览</a></li>
            <li><a href="">我的收藏</a></li>
            <li><a href="">客户服务</a></li>
            <li>网站导航<span class="iconfont icon-xiangxia"></span></li>
            <div class="side-main">
                <img src="https://x.dscmall.cn/themes/ecmoban_dsc2017/images/cart-nogoods.png" alt="">
                <p>不好意思，网络开小差了哦</p>
            </div>
            <div class="side-nav">
                <ul class="side-nav-list">
                    <li>特色主题</li>
                    <li><a href="">家用电器</a></li>
                    <li><a href="">男装女装</a></li>
                    <li><a href="">鞋靴箱包</a></li>
                </ul>
                <dl class="side-nav-list-right">
                    <dt>促销活动</dt>
                    <dd><a href="">拍卖活动</a></dd>
                    <dd><a href="">共创商品</a></dd>
                    <dd><a href="">共创商品</a></dd>
                    <dd><a href="">CMS频道</a></dd>
                    <dd><a href="">优惠活动</a></dd>
                    <dd><a href="">超值礼包</a></dd>
                    <dd><a href="">优惠券</a></dd>
                    <dd><a href="">礼品卡</a></dd>
                    <dd><a href="">预售商品</a></dd>
                </dl>
            </div>
        </ul>
    </div>
    <!-- 头部第二部分 -->
    <div class="sec">
        <a href="../index.html" class="logo"><img src="https://x.dscmall.cn/storage/images/common/shop_logo.gif" alt="">
        </a>
        <div class="int">
            <form action="">
                <input type="text" placeholder="周大福">
                <button type="sunmit">搜商品</button>
                <button type="sunmit">搜店铺</button>
            </form>
            <ul class="int-list">
                <li><a href="">周大福</a></li>
                <li><a href="">内衣</a></li>
                <li><a href="">Five Plus</a></li>
                <li><a href="">手机</a></li>
            </ul>
        </div>
        <!-- 购物车 -->
        <a href="" class="shop">
            <i class="iconfont icon-gouwuche"></i>
            <span>我的购物车</span>
            <b>0</b>
        </a>
        <div class="shop-nav">
            <b>
                <img src="https://x.dscmall.cn/themes/ecmoban_dsc2017/images/cart-nogoods.png" alt="">
            </b>
            <span>购物车中还没有商品，赶紧选购吧！</span>
        </div>
    </div>
    <div class="ic-xian"></div>
    <div class="ic-cart">
        <div class="ftepfiex">
            <div class="ic-box">
                <div class="step1"><span>1.我的购物车</span></div>
                <div class="step2"><span>2.填写订单详情</span></div>
                <div class="step2"><span>3.成功提交订单</span></div>
            </div>
        </div>
    </div>
    <!-- 购物车样式 -->
    <div class="cart-wrap">
        <!-- 购物车头部 -->
        <div class="cart-header">
            <ul class="cart-lists">
                <li class="cart-check">
                    <input type="checkbox" id="whole" class="whole-check">
                    <label for="whole" class=""></label><span>&nbsp;全选</span>
                </li>
                <li class="cart-con">商品</li>
                <li class="cart-price">单价(元)</li>
                <li class="cart-amount">数量</li>
                <li class="cart-sum">小计</li>
                <li class="cart-option">操作</li>
            </ul>
        </div>
        <!-- 第一个店铺 -->
        <!-- 购物车列表内容 -->
        <div class="cart-box">
            <div class="shop-info">
                <div class="all-check fl">
                    <!-- 商铺的全选 -->
                    <input type="checkbox" id="showall1" class="shop-check">
                    <label for="showall1"></label>
                </div>
                <div class="shop-name"><a href="">商城自营1</a></div>
            </div>
            <!-- 购物车列表内容 -->
            <div class="cart-content">
                <ul class="cart-lists">
                    <li class="cart-check">
                        <input type="checkbox" class="check1" class="son-check">
                        <label for="check1"></label>
                    </li>
                    <li class="cart-con">
                        <div class="cart-img">
                            <a href=""><img src="" alt=""></a>
                        </div>
                        <div class="cart-text fs12">表正品男表防水自动机械表经典钢带男士手表潮流休闲腕表5845</div>
                    </li>
                    <li class="cart-price">
                        <p class="price">10</p>
                    </li>
                    <li class="cart-amount">
                        <div class="amount-box">
                            <button class="reduce" disabled>-</button>
                            <input type="text" value="1">
                            <button class="add">+</button>
                        </div>
                    </li>
                    <li class="cart-sum">
                        <p class="price-sum">10</p>
                    </li>
                    <li class="cart-option">
                        <div class="cart-dele">删除</div>
                    </li>
                </ul>
                <!-- <ul class="cart-lists">
                    <li class="cart-check">
                        <input type="checkbox" id="check1" class="son-check">
                        <label for="check1"></label>
                    </li>
                    <li class="cart-con">
                        <div class="cart-img">
                            <a href=""><img src="" alt=""></a>
                        </div>
                        <div class="cart-text fs12"></div>
                    </li>
                    <li class="cart-price">
                        <p class="price"></p>
                    </li>
                    <li class="cart-amount">
                        <div class="amount-box">
                            <button class="reduce" disabled>-</button>
                            <input type="text" value="1">
                            <button class="add">+</button>
                        </div>
                    </li>
                    <li class="cart-sum">
                        <p class="price-sum"></p>
                    </li>
                    <li class="cart-option">
                        <div class="cart-dele">删除</div>
                    </li>
                </ul> -->
            </div>
        </div>
        <!-- 总价 -->
        <div class="cart-footer">
            <div class="ic-fu"><a href="">去支付</a></div>
            <div>总价:<span class="pay-price">0</span></div>
            <div>已选择的商品:<span class="buy-num">0</span></div>
        </div>
    </div>
    <!-- 模态框 -->
    <div class="modal-bg"></div>
    <div class="modal-box">
        <h2>提示</h2>
        <p>亲,您确定要放弃该宝贝吗？</p>
        <div class="btn">
            <button class="ok">确定</button>
            <button class="close">取消</button>
        </div>
    </div>
    <div class="ic-main">
        <div class="delr">
            <h3>猜你喜欢</h3>
        </div>
        <div class="ic-con">
            <ul class="fix">
                <li class="opacity">
                    <div class="p-img">
                        <a href="">
                            <img src="https://x.dscmall.cn/storage/images/201703/thumb_img/0_thumb_G_1490174342632.jpg"
                                alt="" width="190px" height="190px">
                        </a>
                    </div>
                    <div class="p-price">￥999.99</div>
                    <div class="p-name">帅就完了</div>
                    <div class="p-num">已售光</div>
                </li>
                <li class="opacity">
                    <div class="p-img">
                        <a href="">
                            <img src="https://x.dscmall.cn/storage/images/201703/thumb_img/0_thumb_G_1490174342632.jpg"
                                alt="" width="190px" height="190px">
                        </a>
                    </div>
                    <div class="p-price">￥999.99</div>
                    <div class="p-name">帅就完了</div>
                    <div class="p-num">已售光</div>
                </li>
                <li class="opacity">
                    <div class="p-img">
                        <a href="">
                            <img src="https://x.dscmall.cn/storage/images/201703/thumb_img/0_thumb_G_1490174342632.jpg"
                                alt="" width="190px" height="190px">
                        </a>
                    </div>
                    <div class="p-price">￥999.99</div>
                    <div class="p-name">帅就完了</div>
                    <div class="p-num">已售光</div>
                </li>
                <li class="opacity">
                    <div class="p-img">
                        <a href="">
                            <img src="https://x.dscmall.cn/storage/images/201703/thumb_img/0_thumb_G_1490174342632.jpg"
                                alt="" width="190px" height="190px">
                        </a>
                    </div>
                    <div class="p-price">￥999.99</div>
                    <div class="p-name">帅就完了</div>
                    <div class="p-num">已售光</div>
                </li>
                <li class="opacity">
                    <div class="p-img">
                        <a href="">
                            <img src="https://x.dscmall.cn/storage/images/201703/thumb_img/0_thumb_G_1490174342632.jpg"
                                alt="" width="190px" height="190px">
                        </a>
                    </div>
                    <div class="p-price">￥999.99</div>
                    <div class="p-name">帅就完了</div>
                    <div class="p-num">已售光</div>
                </li>
                <li class="opacity">
                    <div class="p-img">
                        <a href="">
                            <img src="https://x.dscmall.cn/storage/images/201703/thumb_img/0_thumb_G_1490174342632.jpg"
                                alt="" width="190px" height="190px">
                        </a>
                    </div>
                    <div class="p-price">￥999.99</div>
                    <div class="p-name">帅就完了</div>
                    <div class="p-num">已售光</div>
                </li>
            </ul>
        </div>
    </div>
    <footer>
        <div class="foot_new_top">
            <ul>
                <li>
                    <i></i>
                    <span>七天包换</span>
                </li>
                <li>
                    <i></i>
                    <span>正品保障</span>
                </li>
                <li>
                    <i></i>
                    <span>好评如潮</span>
                </li>
                <li>
                    <i></i>
                    <span>闪电发货</span>
                </li>
                <li>
                    <i></i>
                    <span>权威荣誉</span>
                </li>
                <li>
                    <i></i>
                    <b>4001-021-758</b>
                </li>
                <li>
                    <i></i>
                    <b>咨询客服</b>
                </li>
            </ul>
        </div>
        <div class="footer_main">
            <div class="footer_main_list">
                <div class="footer_main_left">
                    <dl>
                        <dt>新手上路</dt>
                        <dd><a href="">售后流程</a></dd>
                        <dd><a href="">购物流程</a></dd>
                        <dd><a href="">订购方式</a></dd>
                    </dl>
                    <dl>
                        <dt>配送与支付</dt>
                        <dd><a href="">货到付款区域</a></dd>
                        <dd><a href="">配送支付智能查询</a></dd>
                        <dd><a href="">支付方式说明</a></dd>
                    </dl>
                    <dl>
                        <dt>服务保证</dt>
                        <dd><a href="">退换货原则</a></dd>
                        <dd><a href="">售后服务保证</a></dd>
                        <dd><a href="">产品质量保证</a></dd>
                    </dl>
                    <dl>
                        <dt>联系我们</dt>
                        <dd><a href="">网站故障报告</a></dd>
                        <dd><a href="">选机咨询</a></dd>
                        <dd><a href="">投诉与建议</a></dd>
                    </dl>
                    <dl>
                        <dt>会员中心</dt>
                        <dd><a href="">资金管理</a></dd>
                        <dd><a href="">我的收藏</a></dd>
                        <dd><a href="">我的订单</a></dd>
                    </dl>
                </div>
                <div class="footer_main_right">
                    <div class="footer_ewm">
                        <img src="https://x.dscmall.cn/storage/images/common/ecjia_qrcode.jpg" alt="">
                        <span>关注微信</span>
                    </div>
                    <div class="footer_ewm">
                        <img src="https://x.dscmall.cn/storage/images/common/ectouch_qrcode.jpg?gnWeyT" alt="">
                        <span>下载APP</span>
                    </div>
                </div>
            </div>
            <div class="footer_bottom">
                <p>
                    <a href="">首页</a>
                    <a href="">隐私保护</a>
                    <a href="">联系我们</a>
                    <a href="">免责条款</a>
                    <a href="">公司简介</a>
                    <a href="">商家入驻</a>
                    <a href="">供应商入驻</a>
                    <a href="">意见反馈</a>
                </p>
                <p>
                    <a href="">b2b2c</a>
                    <a href="">多用户商城系统</a>
                    <a href="">商城系统</a>
                    <a href="">ecjia新零售</a>
                </p>
                <p>
                    ICP备案证书号:
                    <a href="">沪ICP备14029880号-5</a>
                </p>
                <p>
                    <a href="">版权所有 © 2005-2021 大商创,并保留所有权利。POWERED BY DSCMALL</a>
                </p>
            </div>
        </div>
    </footer>
    <script src="../js/gowuche.js"></script>
    <script src="../mock/presell.json"></script>
</body>

</html>